import { createApp } from 'vue';
import ArcoVue from '@arco-design/web-vue';
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
import globalComponents from '@/components';
import VueAMap, { initAMapApiLoader } from '@vuemap/vue-amap';
import router from './router';
import store from './store';
import i18n from './locale';
import directive from './directive';
import App from './App.vue';
import '@arco-themes/vue-qingri/index.less';
import '@/assets/style/global.less';
import '@vuemap/vue-amap/dist/style.css';

initAMapApiLoader({
  key: 'dbf03070bb32eeffd3e674076e916bb7',
});
const app = createApp(App);

app.use(ArcoVue, {});
app.use(ArcoVueIcon);

app.use(router);
app.use(store);
app.use(i18n);
app.use(globalComponents);
app.use(directive);
app.use(VueAMap);
app.mount('#app');
